<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>首页设置</title>
    <link href="../lib/layui/css/layui.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="../css/productAudit.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="../css/index.css">
    <script src="../lib/jquery-3.3.1.min.js" type="text/javascript"></script>
    <script src="../lib/layui/layui.js" type="text/javascript"></script>
    <script src="../js/cddjnhjcxtsysset/homePageSetting.js" type="text/javascript"></script>
    <script type="text/html" id="barOperate">
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete">删除</a>
    </script>
    <style>
        .energyType {
            width: 300px;
        }
    </style>
</head>

<body style="background-color:white;padding: 5px">
    <div id="energyDiv">
        <form id="energyForm" class="layui-form">
            <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
                <legend>能耗</legend>
                <button class="layui-btn layui-btn-normal" lay-submit="" style="float: right" type="button"
                    lay-filter="saveEnergy" id="saveEnergy">保存</button>
            </fieldset>
            <table>
                <tr class="table_head">
                    <th>类型</th>
                    <th>约束值</th>
                    <th>定额值</th>
                    <th>引导值</th>
                    <th>平均值</th>
                    <th>定额单位</th>
                </tr>
                <tr>
                    <td class="energyType">单位供暖建筑面积供暖能耗-燃气自供暖:</td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" autocomplete="off" readonly="readonly" value="系统计算"></td>
                    <td><input class="layui-input" autocomplete="off" value="kgce/㎡" placeholder="kgce/㎡"></td>
                </tr>
                <tr>
                    <td class="energyType">单位供暖建筑面积供暖能耗-集中供暖热值计费:</td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" autocomplete="off" readonly="readonly" value="系统计算"></td>
                    <td><input class="layui-input" autocomplete="off" value="kgce/㎡" placeholder="kgce/㎡"></td>
                </tr>
                <tr>
                    <td class="energyType">单位建筑面积非供暖能耗:</td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" autocomplete="off" readonly="readonly" value="系统计算"></td>
                    <td><input class="layui-input" autocomplete="off" value="kgce/㎡" placeholder="kgce/㎡"></td>
                </tr>
                <tr>
                    <td class="energyType">单位建筑面积电耗:</td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" autocomplete="off" readonly="readonly" value="系统计算"></td>
                    <td><input class="layui-input" autocomplete="off" value="kw.h/㎡" placeholder="kw.h/㎡"></td>
                </tr>
                <tr>
                    <td class="energyType">人均综合能耗-燃气自供暖:</td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" autocomplete="off" readonly="readonly" value="系统计算"></td>
                    <td><input class="layui-input" autocomplete="off" value="kgce/p" placeholder="kgce/p"></td>
                </tr>
                <tr>
                    <td class="energyType">人均综合能耗-集中供暖热值计费:</td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" autocomplete="off" readonly="readonly" value="系统计算"></td>
                    <td><input class="layui-input" autocomplete="off" value="kgce/p" placeholder="kgce/p"></td>
                </tr>
                <tr>
                    <td class="energyType">人均非供暖能耗:</td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" autocomplete="off" readonly="readonly" value="系统计算"></td>
                    <td><input class="layui-input" autocomplete="off" value="kgce/p" placeholder="kgce/p"></td>
                </tr>
                <tr>
                    <td class="energyType">人均电耗:</td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" autocomplete="off" readonly="readonly" value="系统计算"></td>
                    <td><input class="layui-input" autocomplete="off" value="kw.h/p" placeholder="kw.h/p"></td>
                </tr>
                <tr>
                    <td class="energyType">人均用水量:</td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" autocomplete="off" readonly="readonly" value="系统计算"></td>
                    <td><input class="layui-input" autocomplete="off" value="m³/p" placeholder="m³/p"></td>
                </tr>
                <tr>
                    <td class="energyType">数据中心机房能源使用效率:</td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" autocomplete="off" readonly="readonly" value="系统计算"></td>
                    <td><input class="layui-input" autocomplete="off" value="%" placeholder="%"></td>
                </tr>
                <tr>
                    <td class="energyType">综合能耗:</td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" autocomplete="off" readonly="readonly" value="系统计算"></td>
                    <td><input class="layui-input" autocomplete="off" value="kgce" placeholder="kgce"></td>
                </tr>
                <tr>
                    <td class="energyType">总能耗:</td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" autocomplete="off" readonly="readonly" value="系统计算"></td>
                    <td><input class="layui-input" autocomplete="off" value="tce" placeholder="tce"></td>
                </tr>
                <tr>
                    <td class="energyType">单位建筑面积能耗:</td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" autocomplete="off" readonly="readonly" value="系统计算"></td>
                    <td><input class="layui-input" autocomplete="off" value="kgce/㎡" placeholder="kgce/㎡"></td>
                </tr>
                <tr>
                    <td class="energyType">人均能耗:</td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" lay-verify="number" value="0" autocomplete="off"></td>
                    <td><input class="layui-input" autocomplete="off" readonly="readonly" value="系统计算"></td>
                    <td><input class="layui-input" autocomplete="off" value="kgce/p" placeholder="kgce/p"></td>
                </tr>
            </table>
        </form>
    </div>

    <div style="display: flex; margin-top: 20px;">
        <!-- 1 -->
        <div id="priceDiv" style="border:1px solid #999; width: 28%; margin-right: 20px;">
            <form id="priceForm" class="layui-form">
                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
                    <legend>单价</legend>
                    <button class="layui-btn layui-btn-normal" lay-submit="" style="float: right" type="button"
                        lay-filter="savePrice" id="savePrice">保存</button>
                </fieldset>
                <table class="table_middle">
                    <tr>
                        <td class="priceType">水费单价:</td>
                        <td><input class="layui-input" lay-verify="number" value="0" placeholder="录入数值"
                                autocomplete="off">
                        </td>
                        <td>元/吨</td>

                    </tr>
                    <tr>
                        <td class="priceType">电费单价:</td>
                        <td><input class="layui-input" lay-verify="number" value="0" placeholder="录入数值"
                                autocomplete="off">
                        </td>
                        <td>元/KW.H</td>
                    </tr>
                    <tr>
                        <td class="priceType">天然气费单价:</td>
                        <td><input class="layui-input" lay-verify="number" value="0" placeholder="录入数值"
                                autocomplete="off">
                        </td>
                        <td>元/立方米</td>
                    </tr>
                    <tr>
                        <td class="priceType">汽油费单价:</td>
                        <td><input class="layui-input" lay-verify="number" value="0" placeholder="录入数值"
                                autocomplete="off">
                        </td>
                        <td>元/升</td>
                    </tr>
                    <tr>
                        <td class="priceType">市政热力费单价:</td>
                        <td><input class="layui-input" lay-verify="number" value="0" placeholder="录入数值"
                                autocomplete="off">
                        </td>
                        <td>元/吉焦</td>
                    </tr>
                    <tr>
                        <td class="priceType">柴油费单价:</td>
                        <td><input class="layui-input" lay-verify="number" value="0" placeholder="录入数值"
                                autocomplete="off">
                        </td>
                        <td>元/升</td>
                    </tr>
                    <tr>
                        <td class="priceType">液化石油气单价:</td>
                        <td><input class="layui-input" lay-verify="number" value="0" placeholder="录入数值"
                                autocomplete="off">
                        </td>
                        <td>元/公斤</td>

                    </tr>
                    <tr>
                        <td class="priceType">外购桶装水单价:</td>
                        <td><input class="layui-input" lay-verify="number" value="0" placeholder="录入数值"
                                autocomplete="off">
                        </td>
                        <td>元/吨</td>
                    </tr>
                    <tr>
                        <td class="priceType">其他能源单价:</td>
                        <td><input class="layui-input" lay-verify="number" value="0" placeholder="录入数值"
                                autocomplete="off">
                        </td>
                        <td>元/计量单位</td>
                    </tr>
                </table>
            </form>
        </div>
        <!-- 2 -->
        <div id="expendDiv" style="border:1px solid #999; flex: 1; margin-right: 20px; padding: 20px;">
            <form id="expendForm" class="layui-form">
                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
                    <legend>支出</legend>
                    <!--                <button class="layui-btn" lay-submit="" style="float: right" type="button" lay-filter="saveExpend" id="saveExpend">保存</button>-->
                    <a class="layui-btn layui-btn-normal" style="float: right" id="expendSetting">支出设置</a>
                </fieldset>
                <!--            <table >-->
                <!--                <tr>-->
                <!--                    <td class="expendType">水费支出:</td>-->
                <!--                    <td><input class="layui-input" lay-verify="number" placeholder="录入金额" autocomplete="off"></td>-->
                <!--                    <td><input class="layui-input" id="lrny1" lay-verify="date" placeholder="录入年月" autocomplete="off"></td>-->
                <!--                    <td>元</td>-->
                <!--                    <td class="expendType" style="padding-left: 50px">电费支出:</td>-->
                <!--                    <td><input class="layui-input" lay-verify="number" placeholder="录入金额" autocomplete="off"></td>-->
                <!--                    <td><input class="layui-input" id="lrny2" lay-verify="date" placeholder="录入年月" autocomplete="off"></td>-->
                <!--                    <td>元</td>-->
                <!--                </tr>-->
                <!--                <tr>-->
                <!--                    <td class="expendType">天然气费支出:</td>-->
                <!--                    <td><input class="layui-input" lay-verify="number" placeholder="录入金额" autocomplete="off"></td>-->
                <!--                    <td><input class="layui-input" id="lrny3" lay-verify="date" placeholder="录入年月" autocomplete="off"></td>-->
                <!--                    <td>元</td>-->
                <!--                    <td class="expendType" style="padding-left: 50px">汽油费支出:</td>-->
                <!--                    <td><input class="layui-input" lay-verify="number" placeholder="录入金额" autocomplete="off"></td>-->
                <!--                    <td><input class="layui-input" id="lrny4" lay-verify="date" placeholder="录入年月" autocomplete="off"></td>-->
                <!--                    <td>元</td>-->
                <!--                </tr>-->
                <!--                <tr>-->
                <!--                    <td class="expendType">市政热力费支出:</td>-->
                <!--                    <td><input class="layui-input" lay-verify="number" placeholder="录入金额" autocomplete="off"></td>-->
                <!--                    <td><input class="layui-input" id="lrny5" lay-verify="date" placeholder="录入年月" autocomplete="off"></td>-->
                <!--                    <td>元</td>-->
                <!--                    <td class="expendType" style="padding-left: 50px">柴油费支出:</td>-->
                <!--                    <td><input class="layui-input" lay-verify="number" placeholder="录入金额" autocomplete="off"></td>-->
                <!--                    <td><input class="layui-input" id="lrny6" lay-verify="date" placeholder="录入年月" autocomplete="off"></td>-->
                <!--                    <td>元</td>-->
                <!--                </tr>-->
                <!--                <tr>-->
                <!--                    <td class="expendType">液化石油气支出:</td>-->
                <!--                    <td><input class="layui-input" lay-verify="number" placeholder="录入金额" autocomplete="off"></td>-->
                <!--                    <td><input class="layui-input" id="lrny7" lay-verify="date" placeholder="录入年月" autocomplete="off"></td>-->
                <!--                    <td>元</td>-->
                <!--                    <td class="expendType" style="padding-left: 50px">外购桶装水支出:</td>-->
                <!--                    <td><input class="layui-input" lay-verify="number" placeholder="录入金额" autocomplete="off"></td>-->
                <!--                    <td><input class="layui-input" id="lrny8" lay-verify="date" placeholder="录入年月" autocomplete="off"></td>-->
                <!--                    <td>元</td>-->
                <!--                </tr>-->
                <!--                <tr>-->
                <!--                    <td class="expendType">其它能源支出:</td>-->
                <!--                    <td><input class="layui-input" lay-verify="number" placeholder="录入金额" autocomplete="off"></td>-->
                <!--                    <td><input class="layui-input" id="lrny9" lay-verify="date" placeholder="录入年月" autocomplete="off"></td>-->
                <!--                    <td>元</td>-->
                <!--                </tr>-->

                <!--            </table>-->
            </form>
        </div>
        <!-- 3 -->
        <div id="sbnxDiv" style="border:1px solid #999;width: 28%; padding: 20px">
            <form id="sbnxForm" class="layui-form">
                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
                    <legend>设备能效及环境监测设置</legend>
                </fieldset>
                <div class="layui-inline flexBox">
                    <div class="flexDiv">
                        <label class="relevaType" style="width: 200px;margin-right: 41px">服务器用电量:</label>
                        <div style="min-width: 200px;">
                            <button type="button" class="relevaBtn layui-btn" style="width: 80px">未关联</button>
                            <button type="button" class="relevaSetBtn layui-btn layui-btn-normal"
                                style="width: 100px">关联设置</button>
                        </div>
                    </div>
                    <div class="flexDiv">
                        <label class="relevaType" style="width: 200px;margin-right: 28px">机房空调用电量:</label>
                        <div style="min-width: 200px;">
                            <button type="button" class="relevaBtn layui-btn" style="width: 80px">未关联</button>
                            <button type="button" class="relevaSetBtn layui-btn layui-btn-normal"
                                style="width: 100px">关联设置</button>
                        </div>
                    </div>
                    <div class="flexDiv">
                        <label class="relevaType" style="width: 200px">机房其它用电量:</label>
                        <div style="min-width: 200px;">
                            <button type="button" style="width: 80px" class="relevaBtn layui-btn">未关联</button>
                            <button type="button" class="relevaSetBtn layui-btn layui-btn-normal"
                                style="width: 100px">关联设置</button>
                        </div>
                    </div>
                </div>
                <div class="layui-inline flexBox">
                    <div class="flexDiv">
                        <label class="relevaType" style="width: 200px;margin-right: 27px">空调机组制冷量:</label>
                        <div style="min-width: 200px;">
                            <button type="button" style="width: 80px" class="relevaBtn layui-btn">未关联</button>
                            <button type="button" class="relevaSetBtn layui-btn layui-btn-normal"
                                style="width: 100px">关联设置</button>
                        </div>
                    </div>
                    <div class="flexDiv">
                        <label class="relevaType" style="width: 200px">空调机组制冷用电量:</label>
                        <div style="min-width: 200px;">
                            <button type="button" class="relevaBtn layui-btn" style="width: 80px">未关联</button>
                            <button type="button" class="relevaSetBtn layui-btn layui-btn-normal"
                                style="width: 100px">关联设置</button>
                        </div>
                    </div>
                    <div class="flexDiv">
                        <label class="relevaType" style="width: 200px">空调机组制热量:</label>
                        <div style="min-width: 200px;">
                            <button type="button" class="relevaBtn layui-btn" style="width: 80px">未关联</button>
                            <button type="button" class="relevaSetBtn layui-btn layui-btn-normal"
                                style="width: 100px">关联设置</button>
                        </div>
                    </div>
                </div>
                <div class="layui-inline flexBox">
                    <div class="flexDiv">
                        <label class="relevaType" style="width: 200px">空调机组制热用电量:</label>
                        <div style="min-width: 200px;">
                            <button type="button" class="relevaBtn layui-btn" style="width: 80px">未关联</button>
                            <button type="button" class="relevaSetBtn layui-btn layui-btn-normal"
                                style="width: 100px">关联设置</button>
                        </div>
                    </div>
                    <div class="flexDiv">
                        <label class="relevaType" style="width: 200px;margin-right: 28px">室内环境传感器:</label>
                        <div style="min-width: 200px;">
                            <button type="button" style="width: 80px" class="relevaBtn layui-btn">未关联</button>
                            <button type="button" class="relevaSetBtn layui-btn layui-btn-normal"
                                style="width: 100px">关联设置</button>
                        </div>
                    </div>
                    <div class="flexDiv">
                        <label class="relevaType" style="width: 200px">室外环境传感器:</label>
                        <div style="min-width: 200px;">
                            <button type="button" style="width: 80px" class="relevaBtn layui-btn">未关联</button>
                            <button type="button" class="relevaSetBtn layui-btn layui-btn-normal"
                                style="width: 100px">关联设置</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div style="margin-top: 20px; display: flex;">
        <!-- 1 -->
        <div id="attachDiv" style="border:1px solid #999; padding: 20px; width: 28%; margin-right: 20px;">
            <form id="attachForm" class="layui-form">
                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
                    <legend>附件信息</legend>
                </fieldset>
                <div class="layui-inline" style="display: flex; flex-direction: column;">
                    <div style="display: flex; align-items: center; justify-content: space-between;">
                        <label class="attachType" style="width: 200px;margin-right: 15px">首页图片(610*410):</label>
                        <a href="" style="color: blue" target="_blank"></a>
                        <button type="button" class="layui-btn layui-btn-normal" style="width: 100px"
                            id="sytpUpload">上传附件</button>
                    </div>
                    <div style="display: flex;align-items: center; justify-content: space-between;">
                        <label class="attachType" style="width: 200px">单位简介(750*450):</label>
                        <a href="" style="color: blue" target="_blank"></a>
                        <button type="button" class="layui-btn layui-btn-normal" style="width: 100px"
                            id="dwjjUpload">上传附件</button>
                    </div>
                    <div style="display: flex;align-items: center; justify-content: space-between;">
                        <label class="attachType" style="width: 200px">公共机构基本信息表(750*450):</label>
                        <a href="" style="color: blue" target="_blank"></a>
                        <button type="button" class="layui-btn layui-btn-normal" style="width: 100px"
                            id="ggjgUpload">上传附件</button>
                    </div>
                    <div style="display: flex;align-items: center; justify-content: space-between;">
                        <label class="attachType" style="width: 200px">公共机构本级基本情况汇总表(750*450):</label>
                        <a href="" style="color: blue" target="_blank"></a>
                        <button type="button" style="width: 100px" class="layui-btn layui-btn-normal"
                            id="ggjgbjUpload">上传附件</button>
                    </div>
                </div>
            </form>
        </div>

        <!-- 2 -->
        <div id="zdynsbDiv" style="border:1px solid #999; padding: 20px; flex: 1; margin-right: 20px;">
            <form id="zdynsbForm" class="layui-form">
                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
                    <legend>重点用能设备及部门设置</legend>
                </fieldset>
                <div class="layui-inline">
                    <div class="flexDiv">
                        <label class="relevaType" style="width: 200px;margin-right: 15px">用水:</label>
                        <div style="min-width: 200px;">
                            <button type="button" class="relevaBtn layui-btn" style="width: 80px">未关联</button>
                            <button type="button" class="relevaSetBtn2 layui-btn layui-btn-normal"
                                style="width: 100px">关联设置</button>
                        </div>
                    </div>
                    <div class="flexDiv">
                        <label class="relevaType" style="width: 200px">用电:</label>
                        <div style="min-width: 200px;">
                            <button type="button" class="relevaBtn layui-btn" style="width: 80px">未关联</button>
                            <button type="button" class="relevaSetBtn2 layui-btn layui-btn-normal"
                                style="width: 100px">关联设置</button>
                        </div>
                    </div>
                    <div class="flexDiv">
                        <label class="relevaType" style="width: 200px">用天然气:</label>
                        <div style="min-width: 200px;">
                            <button type="button" style="width: 80px" class="relevaBtn layui-btn">未关联</button>
                            <button type="button" class="relevaSetBtn2 layui-btn layui-btn-normal"
                                style="width: 100px">关联设置</button>
                        </div>

                    </div>
                    <div class="flexDiv">
                        <label class="relevaType" style="width: 200px">用汽油:</label>
                        <div style="min-width: 200px;">
                            <button type="button" style="width: 80px" class="relevaBtn layui-btn">未关联</button>
                            <button type="button" class="relevaSetBtn2 layui-btn layui-btn-normal"
                                style="width: 100px">关联设置</button>
                        </div>

                    </div>
                </div>
            </form>
        </div>

        <!-- 3 -->
        <div id="zhnhjcszDiv" style="border:1px solid #999; padding: 20px; width: 28%;">
            <form id="zhnhjcszForm" class="layui-form">
                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
                    <legend>综合能耗检测设置</legend>
                </fieldset>
                <div class="layui-inline" style="width: 100%;">
                    <div class="flexDiv">
                        <label class="relevaType" style="width: 200px;margin-right: 15px">锅炉天然气:</label>
                        <div style="min-width: 200px;">
                            <button type="button" class="relevaBtn layui-btn" style="width: 80px">未关联</button>
                            <button type="button" class="zhnhSetBtn layui-btn layui-btn-normal"
                                style="width: 100px">关联设置</button>
                        </div>
                    </div>
                    <div class="flexDiv">
                        <label class="relevaType" style="width: 200px">循环泵用电:</label>
                        <div style="min-width: 200px;">
                            <button type="button" class="relevaBtn layui-btn" style="width: 80px">未关联</button>
                            <button type="button" class="zhnhSetBtn layui-btn layui-btn-normal"
                                style="width: 100px">关联设置</button>
                        </div>
                    </div>
                    <div class="flexDiv">
                        <label class="relevaType" style="width: 200px">市政热力:</label>
                        <div style="min-width: 200px;">
                            <button type="button" style="width: 80px" class="relevaBtn layui-btn">未关联</button>
                            <button type="button" class="zhnhSetBtn layui-btn layui-btn-normal"
                                style="width: 100px">关联设置</button>
                        </div>
                    </div>
                    <div class="flexDiv">
                        <label class="relevaType" style="width: 200px">其他可核减电量:</label>
                        <div style="min-width: 200px;">
                            <button type="button" style="width: 80px" class="relevaBtn layui-btn">未关联</button>
                            <button type="button" class="zhnhSetBtn layui-btn layui-btn-normal"
                                style="width: 100px">关联设置</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div style="margin-top: 20px; display: flex;">
        <!-- 1 -->
        <div id="znhfxszDiv" style="border:1px solid #999; padding: 20px; width: 32%; margin-right: 20px;">
            <form id="znhfxszForm" class="layui-form">
                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
                    <legend>总能耗分析设置</legend>
                </fieldset>
                <div class="layui-inline">
                    <div class="flexDiv">
                        <label class="relevaType" style="width: 200px;margin-right: 15px">用水:</label>
                        <div style="min-width: 200px;">
                            <button type="button" class="relevaBtn layui-btn" style="width: 80px">未关联</button>
                            <button type="button" class="znhfxszBtn layui-btn layui-btn-normal"
                                    style="width: 100px">关联设置</button>
                        </div>
                    </div>
                    <div class="flexDiv">
                        <label class="relevaType" style="width: 200px">用电:</label>
                        <div style="min-width: 200px;">
                            <button type="button" class="relevaBtn layui-btn" style="width: 80px">未关联</button>
                            <button type="button" class="znhfxszBtn layui-btn layui-btn-normal"
                                    style="width: 100px">关联设置</button>
                        </div>
                    </div>
                    <div class="flexDiv">
                        <label class="relevaType" style="width: 200px">用天然气:</label>
                        <div style="min-width: 200px;">
                            <button type="button" style="width: 80px" class="relevaBtn layui-btn">未关联</button>
                            <button type="button" class="znhfxszBtn layui-btn layui-btn-normal"
                                    style="width: 100px">关联设置</button>
                        </div>

                    </div>
                    <div class="flexDiv">
                        <label class="relevaType" style="width: 200px">用汽油:</label>
                        <div style="min-width: 200px;">
                            <button type="button" style="width: 80px" class="relevaBtn layui-btn">未关联</button>
                            <button type="button" class="znhfxszBtn layui-btn layui-btn-normal"
                                    style="width: 100px">关联设置</button>
                        </div>

                    </div>
                    <div class="flexDiv">
                        <label class="relevaType" style="width: 200px">用柴油:</label>
                        <div style="min-width: 200px;">
                            <button type="button" style="width: 80px" class="relevaBtn layui-btn">未关联</button>
                            <button type="button" class="znhfxszBtn layui-btn layui-btn-normal"
                                    style="width: 100px">关联设置</button>
                        </div>

                    </div>
                    <div class="flexDiv">
                        <label class="relevaType" style="width: 200px">用液化气:</label>
                        <div style="min-width: 200px;">
                            <button type="button" style="width: 80px" class="relevaBtn layui-btn">未关联</button>
                            <button type="button" class="znhfxszBtn layui-btn layui-btn-normal"
                                    style="width: 100px">关联设置</button>
                        </div>

                    </div>
                    <div class="flexDiv">
                        <label class="relevaType" style="width: 200px">用热:</label>
                        <div style="min-width: 200px;">
                            <button type="button" style="width: 80px" class="relevaBtn layui-btn">未关联</button>
                            <button type="button" class="znhfxszBtn layui-btn layui-btn-normal"
                                    style="width: 100px">关联设置</button>
                        </div>

                    </div>
                    <div class="flexDiv">
                        <label class="relevaType" style="width: 200px">用冷:</label>
                        <div style="min-width: 200px;">
                            <button type="button" style="width: 80px" class="relevaBtn layui-btn">未关联</button>
                            <button type="button" class="znhfxszBtn layui-btn layui-btn-normal"
                                    style="width: 100px">关联设置</button>
                        </div>

                    </div>
                </div>
            </form>
        </div>
        <!-- 2 -->
        <div id="djnhfxszDiv" style="border:1px solid #999; padding: 20px; width: 32%; margin-right: 20px;">
            <form id="djnhfxszForm" class="layui-form">
                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
                    <legend>待机能耗分析设置</legend>
                </fieldset>
                <div class="layui-inline">
                    <div class="flexDiv">
                        <label class="relevaType" style="width: 200px;margin-right: 15px">用水:</label>
                        <div style="min-width: 200px;">
                            <button type="button" class="relevaBtn layui-btn" style="width: 80px">未关联</button>
                            <button type="button" class="djnhfxszBtn layui-btn layui-btn-normal"
                                    style="width: 100px">关联设置</button>
                        </div>
                    </div>
                    <div class="flexDiv">
                        <label class="relevaType" style="width: 200px">用电:</label>
                        <div style="min-width: 200px;">
                            <button type="button" class="relevaBtn layui-btn" style="width: 80px">未关联</button>
                            <button type="button" class="djnhfxszBtn layui-btn layui-btn-normal"
                                    style="width: 100px">关联设置</button>
                        </div>
                    </div>
                    <div class="flexDiv">
                        <label class="relevaType" style="width: 200px">用天然气:</label>
                        <div style="min-width: 200px;">
                            <button type="button" style="width: 80px" class="relevaBtn layui-btn">未关联</button>
                            <button type="button" class="djnhfxszBtn layui-btn layui-btn-normal"
                                    style="width: 100px">关联设置</button>
                        </div>

                    </div>
                    <div class="flexDiv">
                        <label class="relevaType" style="width: 200px">用汽油:</label>
                        <div style="min-width: 200px;">
                            <button type="button" style="width: 80px" class="relevaBtn layui-btn">未关联</button>
                            <button type="button" class="djnhfxszBtn layui-btn layui-btn-normal"
                                    style="width: 100px">关联设置</button>
                        </div>

                    </div>
                    <div>
                        <input style="display: none" id="homeRangeId" name="homeRangeId">
                        <label class="relevaType" style="width: 200px">工作区间:</label>
                        <div style="min-width: 200px;">
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" id="startTime" placeholder="请选择开始时间">
                            </div>至
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" id="endTime" placeholder="请选择结束时间">
                            </div>
                        </div>

                    </div>
                </div>
            </form>
        </div>

    </div>

    <div id="jyznhDiv" style="border:1px solid #999; margin-top: 20px; padding: 20px;">
        <form id="jyznhForm" class="layui-form">
            <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
                <legend>近一周能耗分析图设置</legend>
            </fieldset>
            <div class="layui-inline">
                <label class="relevaType" style="width: 200px;margin-right: 30px">用水:</label>
                <button type="button" class="relevaBtn layui-btn" style="width: 80px">未关联</button>
                <button type="button" class="relevaSetBtn3 layui-btn layui-btn-normal"
                    style="width: 100px">关联设置</button>
                <label class="relevaType" style="width: 200px">用电:</label>
                <button type="button" class="relevaBtn layui-btn" style="width: 80px">未关联</button>
                <button type="button" class="relevaSetBtn3 layui-btn layui-btn-normal"
                    style="width: 100px">关联设置</button>
            </div>
        </form>
    </div>

    <div id="deviceChooseDiv" style="display: none">
        <form class="layui-form" lay-filter="device_form" id="device_form">
            <div class="layui-input-inline">
                <label class="layui-form-label" style="width: 200px;text-align: left">已选择的设备:</label>
            </div>
            <table id="choosedDeviceTable" lay-filter="choosedDeviceTable"></table>
            <input style="display: none" id="relevaId" name="relevaId">
            <input style="display: none" id="relevaType" name="relevaType">
            <div class="layui-input-inline" style="margin-left: 200px">
                <input id="nameOrCode" class="layui-input" autocomplete="off" placeholder="设备名称/编号">
            </div>
            <div class="layui-input-inline">
                <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="queryDevice">搜索</button>
            </div>
            <table id="deviceTable" lay-filter="deviceTable"></table>
            <div class='layui-input-block' style="margin-top: 20px;margin-left: 27%">
                <button class="layui-btn" id="choosedevice_form" lay-submit=""
                    lay-filter="choosedevice_form">提交</button>
                <button class="layui-btn" type="button" id="cancel_form">取消</button>
            </div>
        </form>
    </div>

</body>

</html>